//login页面样式
@import '../../style/common.less';

.login-box{
    display: block;
    position: relative;
    height: 36px;
    font-size: .6rem;
    color: aliceblue;

    > .footer{
        position: fixed;
        bottom: 10px;
        left: 0;
        margin: auto;
        font-size: 12px;
        color: @cf3;
        width: 100%;
        text-align: center;
    }

   

}

// 欢迎页面样式
.welcom-page{
    > .title,
    > .month-text{
        color: @fc9;
        text-align: center;
        display: block;
    }
    > .van-circle{
        position:absolute; 
        top:15px; 
        right:15px;
        z-index: 2;
    }

    > .title {
        position: relative;
        font-size: 28px;
        font-weight: 400px;
        padding-top: 28vh;
        line-height: 60px;

        &::before{
            display: block;
            content: '';
            height: 32px;
            width: 32px;
            margin: auto;
            background: url('../../image/logo.jpg') center center / 34px 34px no-repeat;
        }
   }

   > .month-text{
       font-size: 14px;
       line-height: 30px;
   }
}

//登录页面样式
.login-page{
    margin: auto;
    padding: 10vh 20px 0;
    color: @666;

    > .phone{
        display: flex;
        border-bottom: 1px solid @666;
        margin-bottom: 30px;
        padding-bottom: 5px;
        &::before{
            content: '';
            flex: 0 0 36px;
            background: url('../../image/phone.png') center center / 24px 24px no-repeat;
        }

        &:nth-child(2)::before{
            content: '';
            flex: 0 0 36px;
            background: url('../../image/vcode.png') center center / 24px 24px no-repeat;
        }

        > input{
            border: none;
            outline: none;
            flex: 1;
            font-size: 14px;
        }
        > .vcode{
            display: inline-block;
            font-size: 14px;
            color: @666;
            border-left: 1px solid @666;
            margin-bottom: 5px;
            padding-left: 10px;
        }
    }

    > .van-checkbox{
        padding: 10px 0;
    }

    
}